.host {
  position: absolute;
  z-index: var(--vkui_internal--z_index_image_base_positioned_element);
  transition: opacity 0.3s ease-in-out;

  --vkui_internal--FloatElement_horizontal_indent: 0;
  --vkui_internal--FloatElement_vertical_indent: 0;
}

.inlineIndent2xs {
  --vkui_internal--FloatElement_horizontal_indent: var(--vkui--spacing_size_2xs);
}

.inlineIndentXs {
  --vkui_internal--FloatElement_horizontal_indent: var(--vkui--spacing_size_xs);
}

.inlineIndentS {
  --vkui_internal--FloatElement_horizontal_indent: var(--vkui--spacing_size_s);
}

.inlineIndentM {
  --vkui_internal--FloatElement_horizontal_indent: var(--vkui--spacing_size_m);
}

.inlineIndentL {
  --vkui_internal--FloatElement_horizontal_indent: var(--vkui--spacing_size_l);
}

.inlineIndentXl {
  --vkui_internal--FloatElement_horizontal_indent: var(--vkui--spacing_size_xl);
}

.inlineIndent2xl {
  --vkui_internal--FloatElement_horizontal_indent: var(--vkui--spacing_size_2xl);
}

.inlineIndent3xl {
  --vkui_internal--FloatElement_horizontal_indent: var(--vkui--spacing_size_3xl);
}

.inlineIndent4xl {
  --vkui_internal--FloatElement_horizontal_indent: var(--vkui--spacing_size_4xl);
}

.blockIndent2xs {
  --vkui_internal--FloatElement_vertical_indent: var(--vkui--spacing_size_2xs);
}

.blockIndentXs {
  --vkui_internal--FloatElement_vertical_indent: var(--vkui--spacing_size_xs);
}

.blockIndentS {
  --vkui_internal--FloatElement_vertical_indent: var(--vkui--spacing_size_s);
}

.blockIndentM {
  --vkui_internal--FloatElement_vertical_indent: var(--vkui--spacing_size_m);
}

.blockIndentL {
  --vkui_internal--FloatElement_vertical_indent: var(--vkui--spacing_size_l);
}

.blockIndentXl {
  --vkui_internal--FloatElement_vertical_indent: var(--vkui--spacing_size_xl);
}

.blockIndent2xl {
  --vkui_internal--FloatElement_vertical_indent: var(--vkui--spacing_size_2xl);
}

.blockIndent3xl {
  --vkui_internal--FloatElement_vertical_indent: var(--vkui--spacing_size_3xl);
}

.blockIndent4xl {
  --vkui_internal--FloatElement_vertical_indent: var(--vkui--spacing_size_4xl);
}

.hidden {
  opacity: 0;
}

.placementTopStart {
  inset-block-start: var(--vkui_internal--FloatElement_vertical_indent);
  inset-inline-start: var(--vkui_internal--FloatElement_horizontal_indent);
}

.placementTop {
  inset-block-start: var(--vkui_internal--FloatElement_vertical_indent);
  inset-inline-start: 50%;
  transform: translateX(-50%);
}

.placementTopEnd {
  inset-block-start: var(--vkui_internal--FloatElement_vertical_indent);
  inset-inline-end: var(--vkui_internal--FloatElement_horizontal_indent);
}

.placementBottomStart {
  inset-block-end: var(--vkui_internal--FloatElement_vertical_indent);
  inset-inline-start: var(--vkui_internal--FloatElement_horizontal_indent);
}

.placementBottom {
  inset-block-end: var(--vkui_internal--FloatElement_vertical_indent);
  inset-inline-start: 50%;
  transform: translateX(-50%);
}

.placementBottomEnd {
  inset-block-end: var(--vkui_internal--FloatElement_vertical_indent);
  inset-inline-end: var(--vkui_internal--FloatElement_horizontal_indent);
}

.placementMiddleStart {
  inset-block-start: 50%;
  inset-inline-start: var(--vkui_internal--FloatElement_horizontal_indent);
  transform: translateY(-50%);
}

.placementMiddle {
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
}

.placementMiddleEnd {
  inset-block-start: 50%;
  inset-inline-end: var(--vkui_internal--FloatElement_horizontal_indent);
  transform: translateY(-50%);
}
